<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="UTF-8">
		<title>查看报名者信息</title>
        <link rel="stylesheet" type="text/css" th:href="@{/style/basic.css}"/>
        <link rel="stylesheet" type="text/css" th:href="@{/style/tzjg_list.css}"/>
        <link rel="stylesheet" type="text/css" th:href="@{/layui/dist/css/layui.css}" media="all">
		<link rel="stylesheet" type="text/css" th:href="@{/style/resume.css}"/>
		<link rel="stylesheet" type="text/css" th:href="@{/style/balance.css}"/>
        <link th:href="@{/mb/css/bootstrap.min.css}" rel="stylesheet" type="text/css">
        <link th:href="@{/mb/css/css.css}" rel="stylesheet" type="text/css">
        <link th:href="@{/mb/css/Animation.css}" rel="stylesheet" type="text/css">
        <link rel="stylesheet" type="text/css" th:href="@{/style/container.css}">


    </head>
	<body >
    <!--头部代码开始-->


    <!--头开始-->
    <header class="navbar-fixed-top headerbg" th:each="codeUser:${codeUsers}">
        <!--左上角logo-->
        <div class="logo">
            <a href="http://www.baidu.com" th:href="@{/mc/logged/loginIndex(userNo=${codeUser.userNo})}" class="fl mt10">
                <img th:src="@{/mb/images/mclogo.png}" style="margin-top: -30px;margin-left: 30px" alt=""></a></div>

        <!--导航栏剩余部分-->
        <div class="navBox hidden-xs hidden-sm" style="float: right;margin-right: 10%">
            <ul class="navList list-unstyled">
                <li class="navLi">
                    <h3>
                        <a th:href="@{/mc/logged/loginIndex(userNo=${codeUser.userNo})}"><span>首页</span></a>
                    </h3>
                </li>
                <li class="navLi"><h3><a href="#"
                                         th:href="@{/mc/item/loginItemsList(userNo=${codeUser.userNo})}"><span>项目</span></a>
                </h3></li>

                <li class="navLi">
                    <h3>
                        <div th:if="${codeUser.type}==1">
                            <a href="#" th:href="@{/mc/item/myRelease(userNo=${codeUser.userNo})}"><span>我的发布</span></a>
                        </div>
                    </h3>
                </li>

                <li class="navLi">
                    <h3>
                        <span th:if="${codeUser.type}==1">
                            <a href="#"
                               th:href="@{/mc/item/releaseProject(userNo=${codeUser.userNo})}"><span>项目发布</span></a></span>
                    </h3>
                </li>
                <li class="navLi">
                    <h3>
                        <span th:if="${codeUser.type}==2">
                            <a href="#"th:href="@{/mc/stage/participatingProjects(userNo=${codeUser.userNo})}"><span>我的参与</span></a></span>
                    </h3>
                </li>
                <li class="navLi"><h3><a href="#"
                                         th:href="@{/mc/logged/help(userNo=${codeUser.userNo})}"><span>帮助</span></a></h3>
                </li>
                <li class="navLi"><h3>
                <span th:if="${codeUser.image}">
                <img th:src="@{'/article/'+ ${codeUser.image}}" height="60px" width="60px"> </span>
                    <span th:unless="${codeUser.image}">
                <img th:src="@{/images/center.png}" height="60px" width="60px">
                </span></h3>
                    <div class="navSub">
                        <ul class="navSubList list-unstyled">
                            <li class="navSubLi">
                                <h4><a style="text-decoration: none" th:text="'hello，'+${codeUser.nickName}">hello，xxx</a>
                                </h4>
                            </li>
                            <li class="navSubLi">
                                <h4><a th:href="@{/mc/logged/userInformation(userNo=${codeUser.userNo})}">● 个人中心</a></h4>
                            </li>
                            <li class="navSubLi">
                                <h4><a th:href="@{/mc/logged/moneyPay(userNo=${codeUser.userNo})}">● 我的开发宝</a></h4>
                            </li>
                            <li class="navSubLi">
                                <h4><a th:href="@{/mc/item/myCollection(userNo=${codeUser.userNo})}">● 我的收藏</a></h4>
                            </li>
                            <li class="navSubLi">
                                <h4><a th:href="@{/mc/logged/advise(userNo=${codeUser.userNo})}">● 我要建议</a></h4>
                            </li>
                            <li class="navSubLi">
                                <h4><a th:href="@{/mc/}">● 退出登录</a></h4>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </header>
    <!--头结尾-->
    <!--动态线条-->
    <div class="bannerN animated" style="height: 200px;">
        <div class="imgFull"><img class="img-responsive" th:src="@{/mb/images/ab_bg_01.png}"></div>
        <div class="clouds_one"></div>
        <div class="clouds_two"></div>
        <div class="clouds_three"></div>
    </div>
    <!--动态线条结尾-->
    <!--头部代码结束-->



		<div class="div">
			<div class="info" style="background-color: white;margin-top: 30px;">
				<div class="title">
					<h2>报名者简历</h2>
				</div>
				<div class="division" style="width: 100%;border-color: black;margin-left: 0px;"></div>
				<div class="information">
					<div class="left-r-1">
					<span style="line-height: 220px;">基本信息
					</span>
					</div>
					<div class="right-r-1" style="margin-left:181px;margin-top: -241px;border-left: 1px solid black;height: 220px;">
						<div style="margin-top: 21px;margin-left: 80px;height: 200px;width: 400px;">
								<span>姓名: <input type="text" name="" id="" value="黄晓明"  readonly="readonly" th:value="${userCards.get(0).getName()}"/><br /></span>
							<span>联系电话:<input type="text" name=""  value="1232131" th:value="${partakeUsers.get(0).getPhoneNum()}"  readonly="readonly"/><br /></span>
							<span>Email:<input type="text" name="" value="1232132@qq.com" th:value="${partakeUsers.get(0).getEmail()}" readonly="readonly"/><br /></span>
					</div>
						</div>
					<div class="left-r-1" style="line-height:220px;">擅长方向</div>
					<div class="right-r-1" style="margin-left:181px;margin-top: -221px;border-left: 1px solid black;height: 220px;line-height: 220px;">
						<table style="width: 100%;">
							<tr>

								<li th:each="skill:${skills}" style="padding-top: 40px">
									擅长技能方向：
									<span th:switch="${skill.java}" style="margin-left: 10px">
                                        <span th:case="1"><button style="background-image: linear-gradient(#fbb2d0, #ac2925);color: #0A0A0A;">java</button></span>
                                        <span th:case="2"></span>
                                    </span>
									<span th:switch="${skill.net}" style="margin-left: 10px">
                                        <span th:case="1"><button style="background-image: linear-gradient(#8888cc,#e779aa);color: #0A0A0A;">net</button></span>
                                        <span th:case="2"></span>
                                    </span>
									<span th:switch="${skill.c}" style="margin-left: 10px">
                                        <span th:case="1"><button style="background-image: linear-gradient(#fbb2d0, #d5e5f6);color: #0A0A0A;">c</button></span>
                                        <span th:case="2"></span>
                                    </span>
									<span th:switch="${skill.asp}" style="margin-left: 10px">
                                        <span th:case="1"><button style="background-image: linear-gradient(#fbb2d0, #e779aa);color: #0A0A0A;">asp</button></span>
                                        <span th:case="2"></span>
                                    </span>
									<span th:switch="${skill.php}" style="margin-left: 10px">
                                        <span th:case="1"><button style=" background-image: linear-gradient(#8eb349, #5f7c22);color: #0A0A0A;">php</button></span>
                                        <span th:case="2"></span>
                                    </span>
									<span th:switch="${skill.bigdata}" style="margin-left: 10px">
                                        <span th:case="1"><button style="background-image: linear-gradient(#f5c153, #ea920d);color: #0A0A0A;">大数据</button></span>
                                        <span th:case="2"></span>
                                    </span>
								</li>
							</tr>
						</table>
					</div>
					<div class="left-r-1" style="height: 400px; line-height:400px;border-bottom: 0px;">项目经验</div>
					<div class="right-r-1" style="margin-left:181px;margin-top: -481px;border-left: 1px solid black;min-height: 400px;line-height: 60px;border-bottom: 0px;text-align: left;">
						<div style="margin-top: 80px;margin-left: 80px;">
						<span th:each="partakeItem:${partakeItems}">项目名称:<span th:text="${partakeItem.itemName}"></span>
							<br />项目类型:         <span th:switch="${partakeItem.itemType}">
                                                            <span th:case="1">Web网站</span>
                                                            <span th:case="2">App开发</span>
                                                            <span th:case="3">微信公众号</span>
                                                            <span th:case="4">小程序</span>
                                                            <span th:case="5">HTML应用</span>
                                                            <span th:case="6">其他项目</span>
							</span>  &nbsp; &nbsp; &nbsp;  项目完成周期:<span th:text="${partakeItem.day}">80天</span><br />
							项目的描述:<span th:text="${partakeItem.text}">xxxxxxxxxxx</span><br />
                            <hr style="margin-right: 80px;width: 500px;">
						
					</span>
						</div>

						</div>
						
					
				</div>
            </div>
        </div>



    <!--联系我们-->
    <div class="contact-container">
        <div class="contact-connect-container">
            <div class="button-container">
                <img th:src="@{/images/contacts.png}"/><span style="margin-left: 5px;">联系我们</span>
            </div>
            <div class="pop" style="display: none;">
                <div class="word" style="text-align: center;"><span style="font-size: 12px;">在线咨询请扫描下面二维码👇</span></div>
                <div style="height: 120px;width: 120px;margin:20px 22px;">
                    <img th:src="@{/images/QR.jpg}" style="width: 120px;height: 120px;margin-top: -15px;"/>
                </div>
            </div>
        </div>
    </div>

            <footer class="footerBg" style="margin-top: 5px">
                <div class="container"><span class="footer_logo"><img th:src="@{/mb/images/mclogo.png}"></span>
                    <span style="padding-right: 10px" class="CopyRight_name">码虫互联网服务外包平台 </span></div>
            </footer>
    </body>

    <script th:src="@{/mb/js/jquery-3.3.1.min.js}" type="text/javascript"></script>
    <script th:src="@{/mb/js/jquery.js}" type="text/javascript"></script>
    <script type="text/javascript" th:src="@{/js/Contacts.js}"></script>
    <script type="text/javascript" th:src="@{/js/bioV4.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/jquery.lazyload.mini.js}"></script>
    <script type="text/javascript" th:src="@{/js/function.js}"></script>
    <script type="text/javascript" th:src="@{/js/tzjg_list.js}"></script>
    <script type="text/javascript" th:src="@{/js/borsertocss.js}"></script><!-- 判断在IE9以下浏览器中根据像素的不同而设置的样式 -->

</html>
